<div class="bed-row">
  <label>{{"building" | translate}}:</label>
  <mat-form-field class="building-selection">
    <mat-select [value]="bedData.building" (selectionChange)="buildingChanges($event)">
      <mat-option *ngFor="let building of buildings" [value]="building.id">{{building.buildingName}}</mat-option>
    </mat-select>
  </mat-form-field>

  <label class="monitor-label">{{"level" | translate}}:</label>
  <mat-form-field class="level-selection">
    <mat-select [value]="bedData.level" (selectionChange)="levelChanges($event)">
      <mat-option *ngFor="let level of levels" [value]="level.id">{{level.levelName}}</mat-option>
    </mat-select>
  </mat-form-field>

  <label class="monitor-label">{{"room" | translate}}:</label>
  <mat-form-field class="room-selection">
    <mat-select [value]="bedData.room" (selectionChange)="roomChanges($event)">
      <mat-option *ngFor="let room of rooms" [value]="room.id">{{room.roomName}}</mat-option>
    </mat-select>
  </mat-form-field>

  <label class="monitor-label">{{"nurse" | translate}}:</label>
  <mat-form-field class="nurse-selection">
    <mat-select [value]="bedData.nurse" (selectionChange)="nurseSelected($event)">
      <mat-option *ngFor="let nurse of nurses" [value]="nurse.id">{{nurse.nurseName}}</mat-option>
    </mat-select>
  </mat-form-field>
</div>